<template>
        <div class="zhi_txt">
            <h2>指标大全</h2>
            <div class="ztxt">
                <ul class="zul">
                    <li v-for="(item,index) in src" v-bind:key='index'>
                        <a href="###">
                            <img v-bind:src="item.sa" class="tu">
                            <div class="zul_txt">
                                <h6>{{ item.ta }}</h6>
                                <span>
                                    {{ item.tb+`：` }}
                                    <img v-for="(itemb,indexb) in srcb" v-bind:src="itemb"  v-bind:key='indexb'>
                                    </span>
                                <p>{{ item.tc }}</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
</template>
<script>
import za from '@/assets/11-27jz5158/za.png';
import zb from '@/assets/11-27jz5158/zb.png';
import zc from '@/assets/11-27jz5158/zc.png';
import zd from '@/assets/11-27jz5158/zd.png';
import ze from '@/assets/11-27jz5158/ze.png';
import zf from '@/assets/11-27jz5158/zf.png';
import zg from '@/assets/11-27jz5158/zg.png';
import zh from '@/assets/11-27jz5158/zh.png';
import zi from '@/assets/11-27jz5158/zi.png';
export default {
    data(){
        return {
            src:[
                {sa:za,ta:'机智资金流-高级版',tb:'推荐指数',tc:'短线必备！简单有效的跟庄利器，主力建仓出货一目了然'},
                {sa:za,ta:'机智资金流-机构版',tb:'推荐指数',tc:'短线必备！简单有效的跟庄利器，主力建仓出货一目了然'},
                {sa:zb,ta:'机智北上资金流',tb:'推荐指数',tc:'简单有效的跟庄利器，主力建仓出货一目了然'},
                {sa:zc,ta:'机智底部选股',tb:'推荐指数',tc:'机智底部选股系统，高胜率筛选股价底部区域'},
                {sa:zd,ta:'机智筹码底系统',tb:'推荐指数',tc:'内部算法统计筹码盈亏比例，套牢盘获利盘一目了然'},
                {sa:ze,ta:'机智风险提示系统',tb:'推荐指数',tc:'内部算法，个股大盘顶部区域一目了然'},
                {sa:zf,ta:'机智六脉神剑系统',tb:'推荐指数',tc:'多指标共振买点系统，多指标高胜率共振，买点一目了然'},
                {sa:zg,ta:'机智趋势明灯系统',tb:'推荐指数',tc:'内部算法，趋势跟踪，行情升降一目了然'},
            ],
            srcb:[zh,zh,zh,zh,zi],
        }
    }
}
</script>
<style lang="scss">
.zhi_txt{
    width: 90%;
    margin: 0 auto;
    .ztxt{
        width: 100%;
        margin-top: 20px;
        .zul{
            width: 100%;
            li{
                width: 42%;
                height: 230px;
                float: left;
                background: #f2f2f2;
                padding: 3%;
                margin: 0 1% 3%;
                border: 0;
                border-radius: 8px;
                a{
                    width: 100%;
                    height: 100%;
                    .tu{
                        display: block;
                        float: left;
                        width: 52%;
                        height: 100%;
                    }
                    .zul_txt{
                        width: 42%;
                        float: right;
                        color: #333333;
                        h6{
                            height: 30px;
                            line-height: 30px;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 1;
                            overflow: hidden;
                            text-overflow:ellipsis;
                            font-size: 18px;
                            font-weight: 600;
                            margin-top: 18px;
                        }
                        span{
                            display: block;
                            height: 40px;
                            line-height: 20px;
                            margin: 20px 0;
                            font-size: 14px;
                        }
                        p{
                            height: 60px;
                            line-height: 20px;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 3;
                            overflow: hidden;
                            text-overflow:ellipsis;
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
}
</style>